<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>

    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <script src="/js/jquery.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.min.js"></script>
    <script src="/js/assets/amazeui.widgets.helper.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.min.js"></script>
    <script src="/js/assets/amazeui.ie8polyfill.js"></script>
    <script src="/js/assets/amazeui.min.js"></script>
    <script src="/js/assets/amazeui.js"></script>
    <script src="/js/mui.min.js"></script>

    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap-treeview.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.min.css">
    <link rel="stylesheet" type="text/css" href="/css/assets/amazeui.css">
    <link rel="stylesheet" type="text/css" href="/css/mui.min.css">

    <style>
        body{
            font-size: 12px;
        }
        .am-u-sm-10{
            width: 58%;
        }
        .am-u-sm-2{
            width: auto;
        }
        .am-form-group{
            height: 30px;
            margin: 0;
        }
        img.am-thumbnail, .am-thumbnail > img, .am-thumbnail a > img{
            margin-top: 115px;
        }
        form{
            height: 100%;
        }
        .am-btn am-btn-danger{
            height: 20px;
            font-size: 5px;
            padding: 0 23px;
        }
        button, input:not([type="radio"]):not([type="checkbox"]), select{
            height: 20px;
            border: none;
            background: none;
            text-align: right;
            font-size: 12px;
        }
        [class*="am-u-"] + [class*="am-u-"]:last-child{
            float: right;
            height: 20px;
            background: none;
            text-align: right;
        }
        #sub{
            background: red;
            height: 50px;
            width: 100%;
            text-align: center;
        }
        #reject{
            background: blue;
            height: 50px;
            width: 100%;
            text-align: center;
        }
    </style>
</head>
<body>
<form action="addMember" method="post" id="addMember">
    <div class="am-g">

        <div class="am-u-sm-8">

            <div class="am-form-group">
                <label for="fd_userName" class="am-u-sm-2 am-form-label" >姓名</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_UserName" name="fd_UserName" th:value="${member.getFd_UserName()}">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_branchId" name="fd_branchId" th:value="${member.getFd_branchId()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_Birthday" class="am-u-sm-2 am-form-label">生日</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_Birthday" name="fd_Birthday" th:value="${member.getFd_Birthday()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_Gender" class="am-u-sm-2 am-form-label">性别</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_Gender" name="fd_Gender" th:value="${member.getFd_Gender()}">
                </div>

            </div>

            <div class="am-form-group">
                <label for="fd_Educational" class="am-u-sm-2 am-form-label">学历</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_Educational" name="fd_Educational" th:value="${member.getFd_Educational()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_Nation" class="am-u-sm-2 am-form-label">民族</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_Nation" name="fd_Nation" th:value="${member.getFd_Nation()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_NativePlace" class="am-u-sm-2 am-form-label">出生地</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_NativePlace" name="fd_NativePlace" th:value="${member.getFd_NativePlace()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_PoliticsLineament" class="am-u-sm-2 am-form-label">政治面貌</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_PoliticsLineament" name="fd_PoliticsLineament" th:value="${member.getFd_PoliticsLineament()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_IdentityCard" class="am-u-sm-2 am-form-label">身份证号</label>
                <div class="am-u-sm-10">
                    <input type="text" readonly="readonly" class="am-form-field" id="fd_IdentityCard" name="fd_IdentityCard" th:value="${member.getFd_IdentityCard()}">
                </div>
            </div>

            <div class="am-form-group">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">联系地址</label>
                <div class="am-u-sm-10">
                    <input type="text" readonly="readonly" class="am-form-field" id="fd_Address" name="fd_Address" th:value="${member.getFd_Address()}">
                </div>
            </div>
            <div class="am-form-group">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">联系电话</label>
                <div class="am-u-sm-10">
                    <input type="text" readonly="readonly" class="am-form-field" id="fd_MobileNo" name="fd_MobileNo" th:value="${member.getFd_MobileNo()}">
                </div>
            </div>

        </div>
        <div class="am-u-sm-4">
            <img class="am-thumbnail" th:src="${member.getFd_ImageUrl()}" alt=""/>
        </div>
        <input type="hidden" hidden="hidden" name="fd_loginId" th:value="${member.getFd_loginId()}">
    </div>

        <div class="am-form-group">
            <label class="am-u-sm-2 am-form-label">要加入的党组织</label>
            <div class="am-u-sm-10">

                </div>
        </div>
    <input th:value="${member.getFd_menbertype()}" name="fd_menbertype" hidden="hidden" type="hidden">
    <input readonly="readonly" type="text" class="am-form-field" name="fd_branchName" th:value="${member.getFd_branchName()}" style="text-align: left">
        <!--<label class="am-checkbox">
            <input type="checkbox" value="1" name="test" id="ll" data-am-ucheck>
            <input hidden="hidden" value="0" name="test" hidden="hidden">
        </label>-->
        <div ><!--积极分子-->
            <div class="am-form-group" th:if="${member.getFd_menbertype() ge 2}">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">积极分子审批人</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_activistsperson" th:value="${member.getFd_activistsperson()}">

                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() ge 2}">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">积极分子审批时间</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="Fd_activistsdate" th:value="${member.getFd_activistsdate()}">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 1">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否递交入党申请书</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_activiststrain" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 1">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否组织谈话</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_activistsapprove" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 1">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过集体决定</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_activdecision" value="是">
                </div>
            </div>
        </div>

        <div ><!--发展对象-->
            <div class="am-form-group" th:if="${member.getFd_menbertype() ge 3}">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">发展对象审批人</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="Fd_devtargetperson" th:value="${member.getFd_devtargetperson()}">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() ge 3}">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">发展对象审批时间</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="Fd_devtargetdate" th:value="${member.getFd_devtargetdate()}">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 2">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过半年考察</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_devtargettrain" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 2">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经支委讨论同意</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_devtargetapprove" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 2">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过一年培养</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_devtarculture" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 2">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否报上级备案</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_devtarkeepon" value="是">
                </div>
            </div>
        </div>
        <div ><!--预备党员-->
            <div class="am-form-group" th:if="${member.getFd_menbertype() } eq 4">
                <label for="fd_Address" class="am-u-sm-2 am-form-label" >预备党员审批人</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationaryperson" th:value="${member.getFd_probationaryperson()}">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } eq 4">
                <label for="fd_Address" class="am-u-sm-2 am-form-label" >预备党员审批时间</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationarydate" th:value="${member.getFd_probationarydate()}">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 3">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否接受集中培训</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationarytrain" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 3">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否进行政治审查</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationaryapprove" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 3">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否有入党介绍人</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationaryintroducer" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 3">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经支部大会讨论通过</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationarybranchthrough" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 3">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否上级党委谈话</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationarytalk" value="是" >
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype() } gt 3">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经上级党委审批</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_probationaryadopt" value="是">
                </div>
            </div>
        </div>
        <div ><!--正式党员-->
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 4">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过一年预备期</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_partymenbertrain" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 4">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否提出书面申请</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_partymenberapprove" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 4">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经支部大会讨论通过</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_partymemberadopt" value="是">
                </div>
            </div>
            <div class="am-form-group" th:if="${member.getFd_menbertype()} gt 4">
                <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经上级党委审批</label>
                <div class="am-u-sm-10">
                    <input readonly="readonly" type="text" class="am-form-field" id="fd_partymemberbranchthrough" value="是">
                </div>
            </div>
        </div>
    <div th:if="${member.getFd_menbertype()} eq 1"><!--积极分子核实-->

        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否递交入党申请书</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_activiststrain" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否组织谈话</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_activistsapprove" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过集体决定</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_activdecision" value="是" onclick="agree()">
            </div>
        </div>
    </div>

    <div th:if="${member.getFd_menbertype() } eq 2"><!--发展对象核实-->
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过半年考察</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_devtargettrain" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经支委讨论同意</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_devtargetapprove" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过一年培养</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_devtarculture" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否报上级备案</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_devtarkeepon" value="是" onclick="agree()">
            </div>
        </div>
    </div>
    <div th:if="${member.getFd_menbertype() } eq 3"><!--预备党员核实-->
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否接受集中培训</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_probationarytrain" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否进行政治审查</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_probationaryapprove" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否有入党介绍人</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_probationaryintroducer" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经支部大会讨论通过</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_probationarybranchthrough" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否上级党委谈话</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_probationarytalk" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经上级党委审批</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_probationaryadopt" value="是" onclick="agree()">
            </div>
        </div>
    </div>
    <div th:if="${member.getFd_menbertype()} eq 4"><!--正式党员核实-->
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经过一年预备期</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_partymenbertrain" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否提出书面申请</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_partymenberapprove" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经支部大会讨论通过</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_partymemberadopt" value="是" onclick="agree()">
            </div>
        </div>
        <div class="am-form-group">
            <label for="fd_Address" class="am-u-sm-2 am-form-label">是否经上级党委审批</label>
            <div class="am-u-sm-10">
                <input type="checkbox" class="judge" id="fd_partymemberbranchthrough" value="是" onclick="agree()">
            </div>
        </div>
    </div>
    <input hidden="hidden" type="hidden" name="fd_reason" id="fd_reason">
    <button type="submit" class="am-btn am-btn-danger" id="sub" disabled="false">申请通过</button>

</form>
<button id="reject" onclick="reject()">申请驳回</button>
</body>
<script>

    function reject(){
        var person=prompt("请输入驳回理由","");
        if (person!=null && person!=""){
            document.getElementById("fd_reason").value=person;
            document.getElementById("addMember").submit();
        }
    }
    function agree(){
        var judge=document.getElementsByClassName("judge");
        var flag=true;
        for(var i = 0;i<judge.length;i++){
            if(judge[i].checked==false){
                flag=false;
                break;
            }
        }
        if (flag){
            document.getElementById("sub").disabled=false;
        }else {
            document.getElementById("sub").disabled=true;
        }
    }
</script>
</html>